@charset "utf-8";
/* CSS Document */
body{ margin:0;padding:0; font-family:"微软雅黑"; font-size:14px; }
a{ color:#000000; text-decoration:none; transition: 0.5s all;}
div{transition: 0.5s all;}
.top{ width:100%; height:760px; margin:0 auto; background: #71c13f;}
.ttt{ width: 1080px; margin: 0 auto; clear: both; padding-top: 140px;}
.le1{width: 450px; height: 100px; padding: 20px; background-image: url(img/Fluid-App.png); border: #fff 1px solid; float: left; transition: height 2s; overflow:hidden;
-moz-transition: height 2s;  /* Firefox 4 */
-webkit-transition: height 2s;   /* Safari 和 Chrome */
-o-transition: height 2s;    /* Opera */}
.le1 p{ color: #fff; line-height: 28px;}
.le1:hover{ height: 450px;}






.top_mian{ width:520px; float:right;}
.logo{ width:240px; height:88px; text-align:center; line-height:88px; font-size:36px; background-color:#FFFFFF;}
.logo a{ color:#25CC1E;}
.top_mian b{ display:block; font-size:32px; color:#FFFFFF; margin-top:45px; line-height:1.5em; font-weight:100;}
.top_mian p{ font-size:14px; color:#FFFFFF; line-height:2em; display:block; margin-bottom:36px; }
.botton a{ color:#ffffff; font-weight:900; display:block; border-radius:48px; width:160px; height:48px; border-color:#ffffff; border-style:solid; text-align:center; line-height:48px;}
.botton a:hover{ color:#71c13f; background-color: #fff;}

/*.................................................................*/

.main{ width:100%; height:500px; background-color:#353f49; clear:both;}
.main1{ width:1080px; margin:0 auto; color:#FFFFFF; clear:both;}
.div1{ width:500px; height:150px; display:block; float:left; margin:100px 20px -60px 20px; }
.div1 img{ float:left; margin-top:10px;}
.div1 b{ color:#71c13f; line-height:40px; margin-left:50px; font-size:20px; font-weight:100;}
.div1 p{ margin-left:80px;line-height: 2em;
    font-size: 14px;
    color: #DDD9D9;}

/*...................................................................*/

.main2{ width:1080px; height:340px; clear:both; padding:20px; margin:0 auto;}
.main2 .d1{ width:360px; float:left;}
.d1 .r{ width:100px; height:100px; background-color:#71c13f; border-radius:100px; margin:80px 130px 0px 130px;}
.main2 b{ display:block; text-align:center; margin-top:30px; color:#71c13f; font-size:20px}

/*......................................................................*/

.main3{ width:1080px; margin:0 auto; clear:both; }
.main3 img{ width:50%; height:auto; float:left;}
.main3 .t1,.t2{ width:1080px; height:380px; padding:20px 0px 20px 0px; background: #f7f7f7; clear:both; margin-top:20px; border-bottom:5px #DDDDDD solid;}
.main3 b{ display:block; margin: 50px 0 20px 0;
    line-height: 1.7em;
    color: #000;
    font-size: 26px;
	font-weight:100}
.main3 p{ display:block; margin: 0px 0;
    line-height: 2em;
    color: #818181;
    font-size: 14px;
	padding:0px 20px 50px 0px;}
.main3 .t2 img{ float:right;}
.main3 .t2w{ width:500px; float:left; margin-left:20px;}

/*.......................................................*/

.main4{ width:100%; height:340px; clear:both; background-color:#71c13f; margin-top:100px;}
.main4 .m1{ width:1080px; margin:0 auto; padding:100px 0px 100px 0px;}
.main4 b{font-size: 30px;font-weight: 300; color: #fff; text-align:center; display:block; margin:0 auto;}
.main4 .bb{ width:400px; margin:0 auto; margin-top:50px;}
.main4 .a1{ display:block; width:160px; height:60px; border:#FFFFFF 2px solid; border-radius:60px; text-align:center; line-height:60px; color:#FFFFFF; font-size:14px; float:left;}
.main4 .a2{ display:block; width:220px; height:60px; border:#FFFFFF 2px solid; background-color:#FFFFFF; border-radius:60px; text-align:center; line-height:60px; color:#71c13f; font-size:14px; float:right;}
.main4 .a1:hover{ background-color:#FFFFFF; color:#71c13f; }
.main4 .a2:hover{ color:#ffffff; background:none;}

/*.........................................................*/

.main5{  background-color:#353f49; padding: 100px 0px 100px 0px; height: 240px;}
.main5 .m2{ width: 1080px; margin: 0 auto;}
.main5 .m2 .d11{width: 50%; float: left;}
.main5 span{ line-height: 1.5em; color: #71c13f; font-size: 24px; display: block; margin-bottom: 30px;}
.main5 p{line-height: 2em; color: #DDD9D9; font-size: 14px;}
.main5 a{ display: block; transition: 1s all; margin-top: 20px; width: 120px; height: 42px; border-radius: 42px; border:#71c13f 2px solid; text-align: center; line-height: 42px; color: #71c13f; font-weight: 900;}
.main5 a:hover{ border-color: #fff; color: #fff;}
/*....................*/

.main6{width: 1080px; margin: 0 auto; margin-top: 100px; margin-bottom: 100px; clear:both;}
.main6 .m6{width:330px; float:left; margin: 0px 15px 0px 15px; height: 400px; background-color:#f7f7f7; border-bottom:5px #DDDDDD solid;}
.main6 img{width: 330px; height: auto;}
.main6 span{display: block; line-height: 1.5em; text-align:center; color:#000; font-size:24px; margin: 20px 0px 20px 0px;}
.main6 p{text-align: center; line-height: 2em; color: #818181; font-size: 14px;}

/*............................*/

.main7{width: 1080px; margin: 0 auto; clear: both; padding: 100px 0px; color:#ffffff;}
.main7 .di1{width:328px; margin:0px 15px; float:left; background-color:#353f49; border: 1px solid #999999;}
.main7 .di2{width:358px; height: 500px; margin:-20px 0px; float:left; background-color:#353f49; border: 1px solid #999999; }
.main7 h3{ text-align: center; display: block;width: 100%; height: 40px; line-height: 40px; font-size: 24px;}
.main7 span{ text-align: center; display: block;width: 100%; border-bottom: 1px solid #999999; line-height: 40px; font-size: 35px; background-color: #ffffff; color: #000; padding: 15px 0px;}
.main7 ul{ background-color: #ffffff; margin: 0; padding:20px 0px;}
.main7 li{ display: block; width: 100%; text-align: center;  font-size: 14px; list-style-type: none; color: #000; padding: 10px 0px;}
.main7 a{display: block; width: 100%; text-align:center; padding: 20px 0px; color:#ffffff; font-weight: bold;}
.main7 .di1:hover{ background-color:#71c13f;}
.main7 .di2 ul{padding: 40px 0px;}
.main7 .di2:hover{ background-color:#71c13f;}

/*...........................*/

.main8{ width: 100%; height: 300px; background-color:#353f49; clear: both; padding: 100px 0px; margin: 500px 0px 0px 0px;}
.main8 .m8{ width:600px; margin:0 auto; }
.main8 span{font-size: 48px; font-weight: 900; display: block; margin: 0; padding: 0; width: 100%; text-align: center; color:#71c13f; margin-bottom: 50px;}
.main8 p{display: block; margin: 0; padding: 0; width: 100%; line-height: 2em; font-size: 14px; color: #DDD9D9;}

.m9{width: 100%; background-color:#71c13f; height: 50px; }